<!Doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>9*9乘法表</title>
        <style type="text/css">
            table{
                border-collapse: collapse;
            }
            tr:nth-child(odd){
                background-color: blueviolet;
            }
            td{
                border:2px solid black;
            }
        </style>
    </head>
    <body>
        <script type="text/javascript">
            document.write("9*9乘法表");
            document.write("</br>");
            document.write("</br>");
            document.write("<table>");
            for (var i = 1; i <= 9; i++) {
                document.write("<tr>");
                for (var j = 1; j <= i; j++) {
                    document.write("<td>" + j + "*" + i + "=" + (j * i) + "</td>");
                }
                document.write("</tr>");
            }
            document.write("</table>");
        </script>
    </body>
</html>